import { createApp } from 'vue'
import App from './App.vue'
import './index.css'

const app=createApp(App)

// 全局自定义指令
// app.directive('focus',{
//     mounted(el){
//         el.focus()
//     },
//     updated(el){
//         el.focus()
//     }
// })

// 函数简写
// 如果 mounted 和updated 函数中的逻辑完全相同，则可以简写成如下格式：
app.directive('focus',(el)=>{
    el.focus()
})

// 自定义 v-color 指令
app.directive('color',(el,binding)=>{
    console.log(binding)
    // binding.value 就是通过"等号"为指令绑定的值
    el.style.color=binding.value
})

app.mount('#app')
